<template>

  <div class="outer" style="width: 1200px ; margin:0px auto">

    <el-container style="height:1500px; border:1px solid #ee162d">
      <el-aside width="350px" style="background-color: rgb(250,250,250)">
        <el-menu :default-openeds="['1', '3']">

          <el-submenu index="1">
            <template slot="title"><i class="el-icon-knife-fork"></i></template>
            <el-menu-item-group>
              <el-menu-item @click="c2()" index="1-4">套<i class="el-icon-present"></i>餐
              </el-menu-item>
              <el-menu-item @click="c1(1)" index="1-1">锅
                <svg t="1590567589541" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="3057" width="26" height="26" v-show="goodsShow" >
                  <path d="M309.42 851.38l-18.81 77.077h442.766l-41.434-169.814H332.053l-10.861 44.503" fill="#d81e06"
                        p-id="3058"></path>
                  <path
                    d="M733.376 943.457H290.61a15.001 15.001 0 0 1-14.572-18.557l18.811-77.077c1.964-8.048 10.08-12.979 18.129-11.016 8.048 1.964 12.98 10.081 11.016 18.128l-14.282 58.521h404.566l-34.114-139.814h-336.33l-8.068 33.06c-1.964 8.048-10.081 12.98-18.129 11.016-8.048-1.964-12.98-10.081-11.016-18.128l10.861-44.503a15 15 0 0 1 14.572-11.444h359.889a15.001 15.001 0 0 1 14.573 11.444l41.434 169.814a15 15 0 0 1-14.574 18.556z"
                    fill="#d81e06" p-id="3059"></path>
                  <path
                    d="M237.922 653.078c26.108 25.815 56.597 47.931 90.404 65.387h367.336c99.595-51.425 170.382-143.304 185.203-251.014H143.121c7.677 55.856 30.414 107.455 64.417 151.363"
                    fill="#d81e06" p-id="3060"></path>
                  <path
                    d="M695.661 733.465H328.325c-2.395 0-4.754-0.573-6.882-1.672-35.063-18.104-66.712-40.999-94.068-68.048-5.891-5.825-5.944-15.322-0.12-21.213 5.824-5.892 15.322-5.945 21.213-0.12 24.361 24.087 52.453 44.616 83.539 61.053h359.971c89.954-47.579 152.808-129.107 171.154-221.014H160.848c9.066 45.522 29.121 89.178 58.549 127.179 5.072 6.55 3.875 15.971-2.675 21.044-6.55 5.071-15.972 3.874-21.044-2.676-36.295-46.867-59.608-101.678-67.417-158.504a14.998 14.998 0 0 1 14.861-17.042h737.743a14.998 14.998 0 0 1 14.86 17.045c-7.536 54.765-29.547 107.859-63.652 153.542-33.28 44.577-78.07 82.184-129.53 108.754a14.995 14.995 0 0 1-6.882 1.672z"
                    fill="#d81e06" p-id="3061"></path>
                  <path
                    d="M728.444 616.534a14.951 14.951 0 0 1-10.45-4.24c-5.942-5.772-6.08-15.269-0.308-21.211 22.407-23.068 40.791-48.9 54.642-76.778 3.686-7.418 12.689-10.444 20.108-6.759 7.419 3.686 10.445 12.688 6.759 20.108-15.234 30.661-35.417 59.035-59.989 84.332a14.962 14.962 0 0 1-10.762 4.548zM660.037 671.039c-5.055 0-9.988-2.554-12.816-7.184-4.318-7.07-2.087-16.302 4.984-20.619a343.137 343.137 0 0 0 20.587-13.614c6.74-4.817 16.109-3.258 20.925 3.483 4.817 6.74 3.257 16.108-3.483 20.925a374.115 374.115 0 0 1-22.394 14.809 14.932 14.932 0 0 1-7.803 2.2z"
                    fill="#d81e06" p-id="3062"></path>
                  <path
                    d="M79.421 541.997c-9.418 0-17.126 8.164-17.126 18.092 0 9.924 7.707 18.083 17.126 18.083h71.877a329.465 329.465 0 0 1-16.831-36.19H79.426l-0.005 0.015zM944.579 541.997c9.438 0 17.126 8.164 17.126 18.092 0 9.924-7.688 18.083-17.126 18.083h-71.867a327.408 327.408 0 0 0 16.822-36.19h55.046v0.015z"
                    fill="#d81e06" p-id="3063"></path>
                  <path
                    d="M900.621 415.469c0 9.543-7.736 17.278-17.278 17.278H140.657c-9.543 0-17.278-7.736-17.278-17.278 0-9.543 7.736-17.278 17.278-17.278h742.685c9.543-0.001 17.279 7.735 17.279 17.278z"
                    fill="#d81e06" p-id="3064"></path>
                  <path
                    d="M396.793 376.098c-3.629 0-7.238-1.51-9.809-4.462-4.709-5.406-4.15-13.602 1.242-18.321 0.577-0.513 30.759-27.719 26.052-60.48-1.767-12.301-6.911-17.782-14.698-26.078-12.309-13.115-27.629-29.437-28.915-74.265-0.95-33.103 29.521-59.97 30.818-61.098 5.419-4.708 13.63-4.133 18.34 1.286 4.709 5.419 4.134 13.63-1.286 18.34-6.235 5.479-22.376 23.524-21.883 40.726 1.004 34.971 11.146 45.777 21.884 57.218 8.692 9.261 18.544 19.757 21.477 40.174 6.759 47.055-32.993 82.286-34.688 83.763a12.96 12.96 0 0 1-8.534 3.197zM609.368 376.098c-3.629 0-7.238-1.51-9.809-4.462-4.709-5.406-4.15-13.602 1.242-18.321 0.577-0.513 30.759-27.719 26.052-60.48-1.767-12.301-6.911-17.782-14.698-26.078-12.309-13.115-27.629-29.437-28.915-74.265-0.95-33.103 29.521-59.97 30.818-61.098 5.42-4.708 13.631-4.133 18.34 1.286 4.709 5.419 4.134 13.63-1.286 18.34-6.235 5.479-22.376 23.524-21.883 40.726 1.004 34.971 11.146 45.777 21.884 57.218 8.692 9.261 18.544 19.757 21.477 40.174 6.759 47.055-32.993 82.286-34.688 83.763a12.96 12.96 0 0 1-8.534 3.197zM499.279 328.435c-3.629 0-7.238-1.51-9.808-4.462-4.708-5.405-4.152-13.597 1.237-18.316 0.378-0.334 30.779-27.613 26.057-60.485-1.767-12.3-6.911-17.781-14.698-26.078-12.309-13.115-27.629-29.437-28.915-74.265-0.95-33.103 29.52-59.971 30.818-61.099 5.419-4.708 13.631-4.133 18.34 1.286 4.709 5.419 4.134 13.63-1.286 18.34-6.235 5.479-22.376 23.524-21.883 40.727 1.004 34.971 11.146 45.777 21.884 57.217 8.692 9.261 18.544 19.757 21.477 40.174 6.759 47.055-32.993 82.287-34.689 83.764a12.96 12.96 0 0 1-8.534 3.197z"
                    fill="#d81e06" p-id="3065"></path>
                </svg>
                底
              </el-menu-item>
              <el-menu-item @click="c1(2)" index="1-2">荤
                <svg t="1590567662860" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="3241" width="26" height="26">
                  <path
                    d="M521.041163 984.616959c-68.558317 56.882067-155.838545 30.536311-173.813421-53.279928-9.281647-43.27683 20.113646-94.075171 65.411562-107.874841 21.986349-6.697726 31.656863-17.744626 28.904092-40.206826-0.619118-5.045041-0.414451-10.233348-0.179084-15.334672 1.765253-38.334123-1.673152-68.01595-43.742447-91.880118-62.264808-35.320402-83.949273-99.007645-82.291471-170.456883 0.255834-11.072483-6.820527-24.278619-14.362504-33.258382C220.743557 376.766302 209.410123 250.205367 272.560116 144.285095 331.780503 44.960216 453.275931-8.897896 565.192945 14.567171c122.109429 25.598721 212.909929 121.157727 225.12343 240.325069 7.864328 76.729646-11.1083 147.227182-60.903773 207.419737-12.786569 15.452356-16.306841 30.280478-16.429641 50.619257-0.440034 71.275271-28.474292 130.500774-89.807865 169.970799-15.87704 10.217998-22.298466 21.372348-21.525848 39.306291 0.921001 21.280248 0.844251 42.627012 0.470734 63.932844-0.307 17.325059 8.063878 26.299705 24.283736 30.894479 54.47723 15.431889 85.740109 61.604757 76.939429 112.531015-8.87743 51.376525-57.920752 89.321781-112.224014 81.779803C567.741048 1008.102493 545.810983 994.420507 521.041163 984.616959zM510.500814 38.032239c-22.564533 3.228621-46.254734 3.110938-67.524749 10.217998C258.187378 109.998261 207.389037 326.576845 335.280308 459.277789c10.755249 11.164583 15.713306 21.039764 13.697337 37.837805-12.945186 107.798091 84.645141 225.333213 224.760146 178.413311 64.157977-21.484915 115.92337-92.212702 105.116954-171.787218-2.205287-16.23009-3.469105-30.976345 10.627332-44.515065 38.574607-37.049838 58.463119-83.672973 67.274032-136.113766C781.162644 177.891411 658.280598 35.965103 510.500814 38.032239zM520.775096 933.455334c20.180163 16.726408 33.570499 29.988827 49.007505 40.130075 25.102403 16.485924 52.021226 13.067986 77.451097-7.209394 20.282496-16.173807 29.159926-45.998901 21.213731-71.280388-10.586399-33.683066-29.349243-48.797721-64.204027-51.719342-33.764933-2.829521-33.810983-2.829521-34.112867-37.566622-0.194434-22.160316 0.931235-44.428082-0.977285-66.434897-0.624234-7.173577-8.555079-19.156828-13.855954-19.561045-26.478789-2.021086-53.198061-0.926118-81.529086-0.926118 0 31.89223-1.401969 59.087353 0.409334 86.067576 1.673152 24.902853-2.205287 41.772528-32.465298 40.518943-7.06101-0.29165-14.382971 4.789207-21.530965 7.547094-27.824474 10.739899-41.501344 32.086664-41.460411 60.888423 0.04605 30.879129 16.010073 53.699495 43.711747 66.532114 24.150702 11.190166 48.019987 8.263429 67.642432-10.683616C501.014501 959.202438 509.886814 946.497736 520.775096 933.455334z"
                    p-id="3242" fill="#d81e06"></path>
                </svg>
                菜
              </el-menu-item>
              <el-menu-item @click="c1(3)" index="1-3">素
                <svg t="1590567998343" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="3414" width="26" height="26" >
                  <path
                    d="M739.64595 356.151222c6.672143-3.944956 14.587638-6.667026 19.811762-12.019068 42.401879-43.435447 93.860271-51.473742 147.871883-31.759197 57.925868 21.147214 102.952601 59.655304 111.937481 124.580782 4.73804 34.235667-14.132254 63.963544-37.602438 88.917564-37.750822 40.130075-87.479778 55.710348-129.53884 65.72368 28.126358-27.783541 64.224494-58.86222 94.197971-95.016639 14.710438-17.744626 22.60035-44.315515 25.690821-67.923849 8.416929-64.306361-55.730815-110.909029-121.756378-90.253016-43.768031 13.69222-77.47668 42.995413-106.667306 76.524979-26.187138 30.075811-48.715855 63.344426-72.759107 95.282706-4.333823 5.756258-8.191795 11.875801-17.279009 15.263039 2.471354-6.395843 5.474841-12.638185 7.337311-19.202878 18.010693-63.487693 42.217679-126.044151 52.205426-190.790546 14.730905-95.543657-48.004637-192.090181-137.679468-228.244601-78.781432-31.764313-179.948314 9.568181-223.593544 90.959117-32.322031 60.274422-34.44545 124.181682-18.634927 188.303843 12.755869 51.729576 31.482896 101.985549 47.564603 152.896457 1.708969 5.403208 3.448638 10.796182 6.87681 21.510498-29.502743-40.227292-52.906411-77.712047-81.974237-110.110828-25.839205-28.801759-55.561965-55.628481-87.863529-76.775696-50.36854-32.976965-101.392015-26.432739-134.691331 10.622216-28.924559 32.188997-28.274741 92.279219 6.78471 134.46108 27.885874 33.550032 61.466607 62.362025 88.83058 89.598081-52.026343-2.61462-122.196412-45.937501-148.23005-95.083156C15.298856 464.911248 12.162334 435.301054 24.191635 405.128027c21.106281-52.937111 107.347824-124.811033 193.558667-95.456673 21.761215 7.408944 40.442193 23.664618 60.862839 35.289702 6.656793 3.791456 14.336921 5.786958 21.551432 8.606246-0.127917-7.040544 1.304752-14.546705-0.634468-21.049998-17.688343-59.348304-24.288852-118.103073 3.914256-176.561075 17.330175-35.924169 44.765782-61.666157 78.320931-81.580253 116.358287-69.059751 270.886963-25.481037 341.010983 66.368381 44.121081 57.792835 42.212562 119.474342 19.325678 183.893269-3.167221 8.918363-5.254824 18.220477-7.843861 27.343507C736.054045 353.367751 737.849998 354.759486 739.64595 356.151222z"
                    p-id="3415" fill="#d81e06"></path>
                  <path
                    d="M580.5839 743.422056c15.375606 54.134413 30.346994 109.15401 17.135742 167.028711-6.288393 27.548174-18.706561 51.320242-42.826563 66.711198-43.481497 27.747724-84.680957-0.127917-103.970819-43.36893-11.435767-25.634538-17.401809-55.833148-17.309709-83.949273 0.117684-35.294818 8.959296-70.558937 19.402428-105.398371 0 37.858272-3.765872 76.228212 1.243352 113.411083 3.719822 27.59934 15.130005 55.925249 29.743227 79.881517 21.541198 35.315285 50.404357 36.128836 71.336671 0.450267 15.73889-26.821606 22.283116-59.665537 29.472043-90.631649 3.944956-16.987358 1.396852-35.663219 0.567951-53.520412C584.60049 777.135822 582.24682 760.296847 580.5839 743.422056z"
                    p-id="3416" fill="#d81e06"></path>
                  <path
                    d="M385.096247 691.810163c1.376385 32.659731 3.566322 65.309229 3.924489 97.979194 0.409334 37.464288-3.556089 75.189527-0.3377 112.341698 2.10807 24.299086 13.60012 47.789737 20.835097 71.464588-18.09256-5.505541-31.068446-20.79928-40.508709-39.981692-19.990846-40.63151-14.823005-82.383571-7.470344-125.025933 6.574926-38.134573 9.327697-76.929196 13.809904-115.427052 0.0921-0.787968 0.670284-1.514536 1.023335-2.271803 0.639584 0.409334 1.279169 0.818668 1.923869 1.233118C380.567991 692.019947 382.834677 691.917614 385.096247 691.810163z"
                    p-id="3417" fill="#d81e06"></path>
                  <path
                    d="M656.853046 693.421916c2.578804 22.789667 5.976275 53.300395 9.496547 83.800889 4.359406 37.735472 12.720052 75.522111 12.141868 113.175716-0.573068 37.443822-18.619577 68.798801-61.717324 88.789647 35.023635-48.209304 36.609804-96.740958 31.467546-145.886614C641.441623 768.299325 643.764593 728.26135 656.853046 693.421916z"
                    p-id="3418" fill="#d81e06"></path>
                </svg>
                菜
              </el-menu-item>
              <el-menu-item @click="c1(4)" index="1-4">主
                <svg t="1590568054646" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="3691" width="26" height="26">
                  <path
                    d="M605.1 849.7v32.5H420.9v-32.5h184.2m4.5-46H416.4c-22.9 0-41.5 18.6-41.5 41.5v41.5c0 22.9 18.6 41.5 41.5 41.5h193.2c22.9 0 41.5-18.6 41.5-41.5v-41.5c0-22.9-18.6-41.5-41.5-41.5zM513 144.2c35.4 0 69.8 7.4 102.2 22 31.5 14.2 59.8 34.6 84.3 60.7 24.6 26.3 43.9 56.9 57.5 91 8.5 21.3 14.4 43.5 17.8 66.3H251.3c3.4-22.8 9.4-44.9 17.8-66.3 13.5-34.1 32.9-64.8 57.5-91 24.4-26 52.8-46.5 84.3-60.7 32.3-14.6 66.7-22 102.1-22m0-46c-171.8 0-311.1 148.6-311.1 332h622.3c-0.1-183.3-139.4-332-311.2-332z"
                    p-id="3692" fill="#d81e06"></path>
                  <path
                    d="M861.2 434.7v78.5c0 38.6-7.6 76.1-22.5 111.3-14.4 34.1-35 64.6-61.3 90.9-26.3 26.3-56.9 46.9-90.9 61.3-35.2 14.9-72.7 22.5-111.3 22.5H450.8c-38.6 0-76.1-7.6-111.3-22.5-34-14.4-64.6-35-90.9-61.3-26.3-26.3-46.9-56.9-61.3-90.9-14.9-35.2-22.5-72.7-22.5-111.3v-78.5h696.4m4.5-46H160.3c-22.9 0-41.5 18.6-41.5 41.5v83c0 183.4 148.6 332 332 332h124.5c183.4 0 332-148.6 332-332v-83c-0.1-22.9-18.6-41.5-41.6-41.5z"
                    p-id="3693" fill="#d81e06"></path>
                </svg>
                食
              </el-menu-item>
              <el-menu-item @click="c1(5)" index="1-5">酒水
                <svg t="1590568097093" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="3892" width="26" height="26">
                  <path
                    d="M887.9 447.8L841.2 401h66c-1.9 17.7-8.9 33.7-19.3 46.8zM841.2 380.8l46.7-46.7c10.4 13.2 17.4 29.2 19.3 46.7h-66zM873.5 462.1c-13.1 10.5-29.2 17.4-46.7 19.4v-66.1l46.7 46.7zM873.5 319.9l-46.7 46.7v-66.1c17.6 2 33.6 8.9 46.7 19.4zM806.6 481.5c-17.5-2-33.5-8.9-46.7-19.4l46.7-46.7v66.1zM759.9 319.9c13.2-10.5 29.2-17.4 46.7-19.4v66.1l-46.7-46.7zM745.7 447.8c-10.5-13.2-17.5-29.2-19.4-46.8h66.1l-46.7 46.8zM745.7 334.2l46.7 46.7h-66.1c1.9-17.6 8.8-33.6 19.4-46.7z"
                    fill="#d81e06" p-id="3893"></path>
                  <path d="M766.1 937.5H492.8V451.7h111.7l151.9 448.7c1.5 4.1 5.4 6.9 9.6 6.9v30.2z" fill="#d81e06"
                        p-id="3894"></path>
                  <path
                    d="M775.7 893.8L625.9 451.7h97.6c4.3 6.4 9 12.3 14.3 17.7 0.1 0.1 0.1 0.2 0.2 0.3 0.1 0.1 0.2 0.1 0.3 0.2 20.1 20 47.9 32.4 78.4 32.4v435.2h-50.6v-30.3c1.1 0 2.2-0.2 3.2-0.6 5.4-1.8 8.3-7.4 6.4-12.8z"
                    fill="#d81e06" p-id="3895"></path>
                  <path
                    d="M826.8 366.5l46.7-46.7c-13.1-10.5-29.2-17.4-46.7-19.4v66.1z m61.1-32.3l-46.7 46.7h66c-1.9-17.6-8.9-33.6-19.3-46.7z m19.3 66.9h-66l46.7 46.8c10.4-13.2 17.4-29.2 19.3-46.8z m-80.4 80.4c17.5-2 33.6-8.9 46.7-19.4l-46.7-46.7v66.1z m-66.9-19.4c13.2 10.5 29.2 17.4 46.7 19.4v-66.1l-46.7 46.7z m46.7-161.7c-17.5 2-33.5 8.9-46.7 19.4l46.7 46.7v-66.1z m-80.4 80.4h66.1l-46.7-46.7c-10.5 13.2-17.4 29.2-19.4 46.7z m0 20.3c1.9 17.6 8.9 33.6 19.4 46.8l46.7-46.8h-66.1z m11.6 68.3c-5.3-5.4-10-11.3-14.3-17.7h-97.6l149.8 442.1c1.8 5.4-1 11-6.4 12.9-1 0.4-2.1 0.6-3.2 0.6-4.3 0-8.1-2.7-9.6-6.9L604.6 451.7H492.8v485.8H816.7V502.3c-30.6 0-58.3-12.3-78.4-32.4-0.1-0.1-0.2-0.1-0.3-0.2-0.1-0.1-0.1-0.2-0.2-0.3zM546.3 279.6H411.8c-5.6 0-10.1-4.5-10.1-10.1s4.6-10.1 10.1-10.1h141.7c4.4 0 8.2 2.8 9.6 6.9l56 165.2h94c-5-12.6-7.8-26.1-7.8-40.5 0-30.6 12.4-58.2 32.4-78.3 0.1-0.1 0.1-0.2 0.2-0.3 0.1-0.1 0.2-0.1 0.3-0.2 20.1-20 47.9-32.5 78.4-32.5 30.6 0 58.3 12.4 78.4 32.5 0.1 0.1 0.2 0.1 0.3 0.2 0.1 0.1 0.1 0.2 0.2 0.3 20 20.1 32.4 47.8 32.4 78.3s-12.3 58.3-32.4 78.4c-0.1 0.1-0.1 0.2-0.2 0.3-0.1 0.1-0.2 0.1-0.3 0.2-15.6 15.5-35.7 26.3-58.2 30.5v447.3c0 5.7-4.6 10.1-10.1 10.1h-344c-5.6 0-10.1-4.5-10.1-10.1V441.5c0-5.6 4.6-10.1 10.1-10.1h115.1l-51.5-151.8z"
                    fill="#d81e06" p-id="3896"></path>
                  <path
                    d="M320.8 232.2c0 14.3 2.7 28.3 8.1 41.6l72.9 181.1v482.6H118.3V454.9l73-181.2c5.3-13.3 8-27.2 8-41.5v-94.3h121.5v94.3z"
                    fill="#d81e06" p-id="3897"></path>
                  <path
                    d="M330.9 117.6V87.3H189.2v30.4h141.7zM118.3 937.5h283.4V454.9l-72.9-181.1c-5.4-13.3-8.1-27.3-8.1-41.6v-94.3H199.3v94.3c0 14.3-2.7 28.2-8 41.5l-73 181.2v482.6z m54.2-671.3c4.4-10.9 6.6-22.4 6.6-34v-94.3c-5.6 0-10.1-4.5-10.1-10.1V77.2c0-5.6 4.6-10.1 10.1-10.1H341c5.6 0 10.1 4.6 10.1 10.1v50.6c0 5.7-4.6 10.1-10.1 10.1v94.3c0 11.7 2.2 23.2 6.6 34l73.7 183c0.5 1.1 0.7 2.4 0.7 3.7v494.7c0 5.7-4.6 10.1-10.1 10.1H108.2c-5.6 0-10.1-4.5-10.1-10.1V453c0-1.3 0.3-2.6 0.7-3.7l73.7-183.1z"
                    fill="#d81e06" p-id="3898"></path>
                </svg>
                饮料
              </el-menu-item>
              <el-menu-item @click="c1(6)" index="1-6">配
                <svg t="1590568454370" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="2367" width="26" height="26">
                  <path
                    d="M805.76 554.666667H218.24l-4.906667-4.053334C170.666667 521.173333 149.333333 485.546667 149.333333 448c0-47.786667 36.053333-92.373333 101.333334-125.44a439.04 439.04 0 0 1 86.4-31.786667 613.333333 613.333333 0 0 1 83.2-16 778.453333 778.453333 0 0 1 91.733333-5.546666h10.453333A708.053333 708.053333 0 0 1 618.666667 277.333333a549.333333 549.333333 0 0 1 128 33.28c81.493333 33.493333 128 83.626667 128 137.813334 0 37.546667-21.333333 73.173333-64 102.613333z m-573.653333-42.666667h559.786666A87.68 87.68 0 0 0 832 448c0-35.413333-37.973333-72.106667-101.76-98.133333a495.146667 495.146667 0 0 0-116.906667-29.866667 661.333333 661.333333 0 0 0-92.586666-7.04H512a730.88 730.88 0 0 0-86.4 5.12 605.44 605.44 0 0 0-77.653333 14.933333 398.933333 398.933333 0 0 0-78.08 28.586667C219.733333 385.92 192 417.066667 192 448a87.68 87.68 0 0 0 40.106667 64z"
                    p-id="2368" fill="#d81e06"></path>
                  <path
                    d="M336.853333 445.44a75.733333 75.733333 0 0 1-13.653333-1.28 64 64 0 0 1-40.32-27.946667l-53.333333-83.2 21.333333-10.453333a439.04 439.04 0 0 1 86.4-31.786667l14.933333-3.84 38.613334 59.946667a64 64 0 0 1-19.2 88.32 64 64 0 0 1-34.773334 10.24z m-45.226666-94.72l27.306666 42.666667a21.333333 21.333333 0 0 0 29.44 6.4 21.333333 21.333333 0 0 0 6.4-29.44l-21.333333-33.706667a426.666667 426.666667 0 0 0-41.813333 14.08zM528.853333 445.44a71.68 71.68 0 0 1-13.44-1.28 64 64 0 0 1-40.32-27.946667l-88.32-137.386666 33.706667-4.053334a753.493333 753.493333 0 0 1 100.48-5.546666H533.333333l6.4 10.453333 42.666667 66.986667a64 64 0 0 1-53.76 98.56z m-68.906666-131.626667L512 392.96a21.333333 21.333333 0 0 0 29.44 6.4 21.333333 21.333333 0 0 0 6.4-29.44l-37.546667-58.026667q-25.6 0-50.346666 1.92zM720.853333 445.44a75.733333 75.733333 0 0 1-13.653333-1.28 64 64 0 0 1-40.106667-27.946667L576 270.933333l45.44 6.613334A538.88 538.88 0 0 1 746.666667 310.186667l6.186666 2.56 21.333334 34.133333a64 64 0 0 1-18.986667 88.32 64 64 0 0 1-34.346667 10.24z m-58.453333-116.906667l40.533333 64a21.333333 21.333333 0 0 0 13.44 8.96 21.333333 21.333333 0 0 0 16-2.986666 21.333333 21.333333 0 0 0 6.4-29.44l-14.72-22.613334a426.666667 426.666667 0 0 0-61.653333-17.92zM725.333333 597.333333v42.666667h42.666667v21.333333a21.333333 21.333333 0 0 1-21.333333 21.333334H277.333333a21.333333 21.333333 0 0 1-21.333333-21.333334v-21.333333h426.666667v-42.666667H213.333333v64a64 64 0 0 0 64 64h469.333334a64 64 0 0 0 64-64v-64z"
                    p-id="2369" fill="#d81e06"></path>
                </svg>
                料
              </el-menu-item>

            </el-menu-item-group>
          </el-submenu>


        </el-menu>
      </el-aside>

      <el-container>

        <el-header style="text-align: right; font-size: 22px">

          <el-dropdown>


            <!--            搜索框-->
            <el-autocomplete
              popper-class="my-autocomplete"
              v-model="state"
              :fetch-suggestions="querySearch"
              placeholder="请输入内容"
              @select="handleSelect">
              <i
                class="el-icon-edit el-input__icon"
                slot="suffix"
                @click="handleIconClick">
              </i>
              <template slot-scope="{ item }">
                <div class="name">{{ item.value }}</div>
                <span class="addr">{{ item.address }}</span>
              </template>
            </el-autocomplete>


          </el-dropdown>
          <!--          搜索提交-->
          <el-button type="danger" icon="el-icon-search" circle></el-button>
          <!--          购物车提交-->
          <router-link to="/ShopCar">
            <el-button type="danger" icon="el-icon-shopping-cart-2" circle></el-button>
          </router-link>
          <!--          我的-->
          <router-link to="/UserMessage">
            <el-button type="danger" icon="el-icon-user-solid" circle></el-button>
          </router-link>


        </el-header>
        <!--套餐的子路由-->
        <router-view v-show="packageShow"></router-view>
        <el-main>

          <el-table :data="GoodTypeDto" v-show="goodsShow">
            <el-table-column align="center" label="菜品" width="140">
              <!--          图片展示-->
              <template slot-scope="scope">
                <div class="demo-image__preview">

                  <el-image
                    @click="byid(scope.row.gdid)"
                    style="width: 100px; height: 100px"
                    :src="scope.row.gdimage"
                  >
                  </el-image>

                </div>
              </template>


            </el-table-column>
            <el-table-column prop="gdname"  align="center" label="名称" width="140">
            </el-table-column>
            <el-table-column prop="gdprice"  align="center" label="单价" width="140">
            </el-table-column>
            <el-table-column align="center" label="数量" width="180">
              <template slot-scope="scope">
                <el-input-number v-model="scope.row.number" :step="1" size="mini" :min="1" :max="10" step-strictly/>
              </template>
            </el-table-column>
            <el-table-column align="center" label="加入购物车">
              <template slot-scope="scope">

                <el-button type="danger" round @click="setCar(scope.row.number,scope.row.gdid)">加入购物车</el-button>
              </template>

              <el-button type="danger" icon="el-icon-delete" circle></el-button>
            </el-table-column>
          </el-table>

        </el-main>

      </el-container>
    </el-container>
  </div>

</template>

<script>
  import axios from 'axios'

  export default {
    name: 'menuindex',
    data() {

      return {
        //套餐展示
        packageShow: false,

        //商品展示
        goodsShow: true,

        drawer: false,
        //单价数量

        //搜索框
        restaurants: [],
        state: '',


        //展示数量
        tableData: '',

        //单品
        GoodTypeDto: [{
          gtid: '',
          gdid: '',
          gtname: '',
          gdname: '',
          gdimage: '',
          gdnumber: '',
          gddetails: '',
          gdprice: '',
          number: 0
        }],
        //套餐：
        goodsPackage: [{
          gpid: '',
          gpname: '',
          gpprice: '',
          gpimg: ''
        }]

      }

    },
    methods: {


      querySearch(queryString, cb) {
        var restaurants = this.restaurants;
        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
        // 调用 callback 返回建议列表的数据
        cb(results);
      },
      createFilter(queryString) {
        return (restaurant) => {
          return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
        };
      },
      loadAll() {
        return [
          {"value": "三全鲜食（北新泾店）", "address": "长宁区新渔路144号"},
          {"value": "Hot honey 首尔炸鸡（仙霞路）", "address": "上海市长宁区淞虹路661号"},
          {"value": "新旺角茶餐厅", "address": "上海市普陀区真北路988号创邑金沙谷6号楼113"}

        ];
      },
      handleSelect(item) {
        console.log(item);
      },
      handleIconClick(ev) {
        console.log(ev);
      },

      //查询展示
      c1: function (gtid) {
        var _this = this
        _this.packageShow = false;
        _this.goodsShow = true;
        axios.post("/api/goodsType/getGoodsTypeByGtid/" + gtid).then(function (res) {
          _this.GoodTypeDto = res.data
        })
      },
      c2: function () {
        var _this = this
        _this.packageShow = true;
        _this.goodsShow = false;
       _this.$router.push('/goodspackage')
      },
      /*跳转页面*/
      byid: function (gdid) {
        var _this = this
        _this.$router.push(`/details/${gdid}`);

      },
      setCar: function (number, gdid) {
        axios.post(`/api/goodsDetails/setCar/${number}/${gdid}`)
      }

    },
    mounted() {

      this.restaurants = this.loadAll();

    },
    mounted: function () {

      this.c1(1)


    }


  }
</script>


<style>


  .el-header {
    background-color: #d11d1b;
    color: #fafafa;
    line-height: 60px;
  }

  .outer {
    display: flex;

  }


</style>

